<template>
    <div>
      <!--个人信息 ID={{$route.params.id}}-->
      个人信息 ID={{id}}
    </div>
</template>

<script>
    export default {
        props:['id'],
        name: "UserProfilte",
        beforeRouteEnter:(to,from,next)=>{//准备进入vue的时候会被调用

          //this.getData(). 这里的this是拿不到的,next是个回调函数,他是可以拿到的
          next();
          /*next(vm =>{
            vm.getData();
          });*/
        },
        beforeRouteLeave:(to,from,next)=>{
          next();
        },
        methods:{
          getData:function () {
            this.axios({
              method:'get',
              url:'http://127.0.0.1:8080/data.json'
            }).then(function (repos) {
              console.log(repos);
            }).catch(function (error) {
              console.log(error);
            })
          }
        }
    }
</script>

<style scoped>

</style>
